<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | About :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
<!--header-->
	
	<div class="header">
		<div class="header-top">
			<div class="container">
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li  ><a href="index.html" data-hover="Home">Home  </a> </li>
						<li class="active"><a href="about.html"  > About </a></li>
						<li><a href="404.html" data-hover=" Archives">  Archives  </a></li>
						<li><a href="blog.html" data-hover="Blog"> Blog</a></li>
						<li><a href="contact.html" data-hover="Contact">Contact </a></li>
						
					</ul>
					<!--script-->
				<script>
					$("span.menu").click(function(){
						$(".top-nav ul").slideToggle(500, function(){
						});
					});
			</script>
				</div>
			
		
			<div class="header-top-on">
				<ul class="social-in">
					<li><i> </i></li>						
					<li><a href="#"><i class="tin"> </i></a></li>
					<li><a href="#"><i class="gmail"> </i></a></li>
					<li><a href="#"><i class="dribble"> </i></a></li>
					<li><a href="#"><i class="browser"> </i></a></li>
				</ul>
			</div>
				<div class="clearfix"> </div>
			</div>
		</div>
			<!---->
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">
	<div class="container">
		<div class="about-us">		
				<h2>ABOUT</h2>
				<div class="about-top">
					<div class="col-md-4 group">
						<a href="single.html"><img src="images/a1.jpg" class="img-responsive" alt=""></a>
					</div>
					<div class="col-md-8 book">
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
						 it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
						 Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.
						 Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia</p>						
					</div>
					<div class="clearfix"> </div>
				</div>
					<div class=" in-profile">
					<h4>WHO WE ARE</h4>
					<div class="col-md-4 col-in-about">
						<span class="in-sed">1</span>
						<div class="left-sit">
							<h6><a href="single.html">Sed ut perspiciatis unde omnis </a></h6>
							<p>Mes cuml dia sed net lacus utenias cet inge iiqt es site am eismod icto.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 col-in-about">
						<span class="in-sed">2</span>
						<div class="left-sit">
							<h6><a href="single.html">Sed ut perspiciatis unde omnis</a></h6>
							<p>Mes cuml dia sed net lacus utenias cet inge iiqt es site am eismod icto.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 col-in-about">
						<span class="in-sed">3</span>
						<div class="left-sit">
							<h6><a href="single.html">Sed ut perspiciatis unde omnis </a></h6>
							<p>Mes cuml dia sed net lacus utenias cet inge iiqt es site am eismod icto.</p>
						</div>
						<div class="clearfix"> </div>
					</div>				
			<div class="clearfix"> </div>
		</div>
			
		</div>
			<div class="about">
				<h3>About Me</h3>
				<div class="col-md-8 dem">
				<h4>My name is Emrah Demirag</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu sapien, ultrices non volutpat id, consectetur vitae dolor. Pellentesque sagittis facilisis sapien tristique consequat. Mauris ut felis sed neque pharetra tempor. Sed egestas venenatis malesuada. Donec vitae purus libero. Nullam fermentum lectus quis enim auctor pharetra. Donec semper tellus quis nisi porttitor posuere. Cras aliquam nulla eget ipsum tristique sit amet aliquet libero sollicitudin. Cras quis cursus eros. </p>
				<div class="call">
					<ul class=" call-in">
						<li><i> </i></li>
						<li><span>0 (888) 888 88 00</span></li>						
						<li><a href="#"><i class="facebook"> </i></a></li>						
						<li><a href="#"><i class="tin"> </i></a></li>
						<li><a href="#"><i class="gmail"> </i></a></li>
						<li><a href="#"><i class="dribble"> </i></a></li>
						<li><a href="#"><i class="browser"> </i></a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 men">
				<img class="img-responsive" src="images/ab.png" alt=""  />
				</div>
				<div class="clearfix"> </div>
			</div>
			</div>
		</div>
		<!---->
		<div class="footer">
			<div class="container">
			<p class="footer-class">Copyright © 2015 Portfolic Template by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a></p>
			</div>
			 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

		</div>

</body>
</html>